<template>
	<view class="box">
		<view class="guanyu_top">
			<image src="../../../static/bigLogo.png" mode="" class="logo"></image>
		</view>
		<ul>
			
			<li>
				<text @click="jumpGengX">更新动态</text>
				<image src="../../../static/dayu.png" mode=""></image>
			</li>
			<li>
				<text @click="jumpFuWu">服务协议</text>
				<image src="../../../static/dayu.png" mode=""></image>
			</li>
			<li> 
				<text @click="jumpHuanY">欢迎页面</text>
				<image src="../../../static/dayu.png" mode=""></image>
			</li>
			<li>
				<text>发布评价</text>
				<image src="../../../static/dayu.png" mode=""></image>
			</li>
		</ul>
		
		<view class="guanyu_bottom">
			<text class="one">深圳木卫二科技有限公司</text>
			<text  class="two">Copyright © www.AxureUX.com, All Rights Reserved.</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			jumpFuWu(){
				uni.navigateTo({
					url:"/pages/my/yonghu/yonghu"
				})
			},
			jumpHuanY(){
				uni.navigateTo({
					url:"/pages/my/huanying/huanying"
				})
			},
			jumpGengX(){
				uni.navigateTo({
					url:"/pages/my/gengxin/gengxin"
				})
			}
		}
	}
</script>

<style>
	.two{
		font-size:12px;
		color: gray;
		margin-top: 5px;
	}
	.one{
		margin-top: 80px;
		color: #666666;
		font-size:12px;
	}
	ul>li>text{
		margin-left: 18px;
	}
	ul{
		width: 100%;
	}
	ul>li{
		display: flex;
		width: 100%;
		height: 50px;
		line-height: 50px;
		justify-content: space-between;
		margin-top: 3px;
		background-color: white;
	}
	ul>li>image{
		width: 18px;
		height: 18px;
		margin-top: 8px;
	}
.box{
	background-color: rgb(249, 249, 249);
}
.guanyu_top{
	width: 100%;
	height: 215px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo{
	width: 120px;
	height: 120px;
}
.guanyu_bottom{
	display: flex;
	flex-direction: column;
	width: 100%;
	height:200px;
	background-color: rgb(249, 249, 249);
	align-items: center;
}

</style>
